.water-ball{
  margin: 5% 15%;
  width: 70%;
  height: 70%;
  background-color: #ffffff;
  overflow: hidden;
  position: absolute;
  .wave{
    width: 100%;
    height: 100%;
  }
  .ball{
    z-index: 9 !important;
    display: block;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #0F131E;
    top: 0;
    left: 0;
  }
  i{
    width: 26px;
    height: 26px;
    display: inline-block;
  }
  span{
    display: inline-block;
    position: absolute;
    text-align: center;
    left:0;
    right: 0;
    top: 35%;
    color: rgb(83, 83, 83) !important;
  }
}
i.icon-buffer{

  background: url("/image/summary-buffer.png") center no-repeat;
}
i.icon-play{
  background: url("/image/summary-play.png") center no-repeat;
}
i.icon-fluent{
  background: url("/image/summary-fluent.png") center no-repeat;
}
i.icon-nobuffer{
  background: url("/image/summary-nobuffer.png") center no-repeat;
}